<div class="row text-center">
    <a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Add Class or Event</a>
    <a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal2">Del Class or Event</a>
</div>
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog modal-sm">
   <div class="modal-content">
	   <div class="modal-header">
    	   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
           <h4 class="modal-title" id="myModalLabel">Add a Class or Event</h4>
       </div>
       <div class="modal-body">
          
       </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
            </div>
   </div>
</div>
<div class="modal fade" id="basicModal2" tabindex="-1" role="dialog" aria-labelledby="basicModal2" aria-hidden="true">
<div class="modal-dialog modal-sm">
   <div class="modal-content">
	   <div class="modal-header">
    	   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
           <h4 class="modal-title" id="myModalLabel">Delete a Class or Event</h4>
       </div>
       <div class="modal-body">
       		Event Name: <input id = "eventName"/>
			Days of the Week:



       </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Delete</button>
          </div>
            </div>
   </div>
</div>    
    <script src="../static/js/bootstrap.min.js"></script>
